require(["config"], function(){
    require(["jquery", "jquery.cookie"], function(){

        //[判断当前的 sessionStorage 有没有
        if(sessionStorage.getItem("userInfo")){
            //登录 读取数据库
            $.ajax({
                url : "http://127.0.0.1/Shopping/server/getList.php",
            }).then(function(res){
                console.log(res);
                res.data.forEach((ele, index) =>{
                    let str = `<tr>`;
                    str += `<td><img src="${ele.c_img}"></td>`;
                    str += `<td>${ele.c_name}</td>`;
                    str += `<td>${ele.c_price}</td>`;
                    str += `<td>${ele.c_num}</td>`;
                    str += `<td>${ele.c_total}</td>`;
                    str += `<td><a class="del" href="javascript:;" data-pid="${ele.p_id}">删除</a></td>`;
                    str += `</tr>`;
                    $("#tab").append(str)
                })

            })


        } else {

            //1,读取当前的cookie
            let cartList = JSON.parse($.cookie("cart") || '[]');
            //2,遍历cookie,将数据渲染到表格里面

            cartList.forEach((ele, index) =>{

                let str = `<tr>`;
                str += `<td><img src="${ele.img}"></td>`;
                str += `<td>${ele.title}</td>`;
                str += `<td>${ele.price}</td>`;
                str += `<td>${ele.num}</td>`;
                str += `<td>${(ele.price * ele.num).toFixed(2)}</td>`;
                str += `<td><a href="javascript:;">删除</a></td>`;
                str += `</tr>`;
                $("#tab").append(str)
            })

        }


        //点击事件 事件委托
        $("#tab").on("click", ".del", function(){

            //拿 a标签上的  data-pid=22983
            let pid = $(this).data("pid");

            let self=$(this);

            $.ajax({
                url : "http://127.0.0.1/Shopping/server/deleteByPid.php",
                data : {"pid" : pid},
                type : "post",
                dataType : "json"
            }).then(function(res){
                console.log(self);
                if(res.status == 1){
                    self.parents("tr").remove();
                }
                alert(res.msg);

            })

        })


    })
})